<template>
    <div class="dashboard-container">
        <component :is="currentRole" />
    </div>
</template>

<script>
import { mapGetters } from 'vuex'
import adminDashboard from './admin'
import editorDashboard from './editor'

export default {
    name: 'Dashboard',
    components: { adminDashboard, editorDashboard },
    data () {
        return {
            currentRole: 'adminDashboard'
        }
    },
    computed: {
        ...mapGetters([
            'roles'
        ])
    },
    created () {
        // if (!this.roles.includes('admin')) {
        //   this.currentRole = 'editorDashboard'
        // }
    }
}
</script>
<style :lang="scss" scoped>
.dashboard-container {
    height: 100%;
}
</style>
